/* 自适应 */
@media only screen and (max-width: 1800px) {
    .star1-ranks {
        width: 32px;
    }
  
    .star1-names img {
        width: 46px;
        height: 46px;
        margin-right: 8px;
    }
  
    .star1-nums {
        margin-right: 5px;
    }
} 

@media only screen and (max-width: 1535px) and (min-width: 1400.5px) {
    .main_body {
        width: calc(100% - 200px); 
    } 
} 

@media only screen and (max-width: 1400px) {
    .main_body {
        width: calc(100% - 100px); 
    } 
} 

@media only screen and (max-width: 1235px) {
    .rankTabsMenu li:not(:last-child) {
        margin-right: 20px; 
    } 
    .star1-ranks {
        width: 25px;
    }
    .star1-nums img {
        width: 10px;
        height: 10px;
    }
    .star1-names img {
        width: 32px;
        height: 32px;
        margin-right: 0px;
    }

    .star1-names {
        font-size: 18px;
    }

    .star1-nums {
        font-size: 13px;
    }
} 

@media only screen and (max-width: 1200px) and (min-width: 862.5px) {
    .main_body {
        width: calc(100% - 50px); 
    } 

    .hot_star_title {
        width: 200px;
        height: 43px;
        background-size: 100%;
        background-position: 0 -86px;
    }

    .media_title, .hot_rank_title {
        width: 140px;
        height: 37.5px;
        background-size: calc(100% + 35px);
    }

    .hot_rank_title {
        background-position: 0 -37px;
    }

    .banner_carousel_intro {
        font-size: 25px; 
    } 

    .news_details_num {
        flex-direction: column;
        align-items: unset;
        height: unset;
        position: absolute;
        bottom: 0;
    }

    .news_details_num.num {
        display: flex;
        flex-direction: row;
        position: unset;
    } 
} 

/* 手机端适配 */ 
@media only screen and (max-width: 862px) {
    .top1, .top2 {
        display: none !important; 
    } 
    #nav, #newheader, .rexian, .star, .rank { display: none; } 
    .main_body {
        width: calc(100% - 50px); 
        margin-top: 15px; 
    } 
    .logo {
        width: 30%; 
    } 
    .banner_carousel {
        width: 100%; 
    } 
    .header {
        height: auto; 
        padding: 10px 0; 
    } 
    .news {
        width: 100%; 
    } 
    .news_lists {
        padding: 5px 0px; 
    } 
    .banner_carousel_intro {
        font-size: 20px; 
        padding-left: 5px; 
        bottom: 35px; 
    } 
    .banner_carousel_dotted {
        bottom: 10px; 
        margin-left: -149px; 
    } 
    .banner_carousel_dotted .dotted:nth-child(1) {
        margin-left: 0px; 
    } 
    .news_details_img {
        width: 130px; 
    } 
    .news_details_lists {
        width: calc(100% - 130px);
    } 
    .news_lists.third .news_details_name, .news_lists.info .news_details_name {
        font-size: 15px;
        height: 40px;
    } 
    .news_details_num {
        height: calc(100% - 40px);
        font-size: 12px; 
    } 
    .news_star_comments {
        height: 16px; 
    } 
    .news_star_comments .datetime {
        background-size: 16px; 
        background-position: 0 -20px; 
    } 
	.news .news_banner {
		display:block; 
	} 
} 

@media only screen and (max-width: 420px) {
    .main_body {
        width: calc(100% - 20px);
    } 
    .logo {
        width: 50%; 
    } 
    .banner_imgLists {
        display: none;
    } 
}